---
title: ธุรกรรมล่าสุด
description: แสดงการทำธุรกรรมล่าสุดของคุณ
---

# ธุรกรรมล่าสุด

## แสดงการทำธุรกรรมล่าสุดของคุณ

คุณสามารถเลือกที่จะแสดงการทำธุรกรรมล่าสุดภายในโมดูลบัญชีของ RainbowKit. โปรดทราบว่าการทำธุรกรรมทั้งหมดจะถูกเก็บไว้ใน Local Storage และต้องลงทะเบียนกับ RainbowKit ด้วยตนเองเพื่อให้สามารถแสดงได้

การดำเนินการเริ่มต้นของ `ConnectButton` จะมีการแสดงตัวบ่งชี้การโหลดรอบรูปแทนผู้ใช้หากมีการทำธุรกรรมที่ค้างอยู่ การกำหนด `ConnectButton` ขึ้นมาเองสามารถสร้างพฤติกรรมนี้ใหม่ได้ผ่านทางคุณสมบัติ `account.hasPendingTransactions` ซึ่งจะถูกส่งไปยังฟังก์ชันการเรนเดอร์ของคุณ

หากต้องการใช้ฟีเจอร์นี้ โปรดเปิดใช้งานตัวเลือก `showRecentTransactions` บน `RainbowKitProvider`

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

const App = () => {
  return (
    <RainbowKitProvider showRecentTransactions={true} {...etc}>
      {/* ... */}
    </RainbowKitProvider>
  );
};
```

จากนั้นสามารถลงทะเบียนธุรกรรมกับ RainbowKit ด้วยการใช้งาน `useAddRecentTransaction` ฮุค

```tsx
import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
        });
      }}
    >
      Add recent transaction
    </button>
  );
};
```

เมื่อธุรกรรมได้รับการลงทะเบียนกับ RainbowKit แล้ว สถานะของมันจะได้รับการอัปเดตเมื่อเสร็จสิ้น

โดยปกติ ธุรกรรมจะถือว่าเสร็จสมบูรณ์เมื่อมีการขุดบล็อกหนึ่งบล็อกบนสุดของบล็อกที่มีการขุดธุรกรรม แต่สามารถกำหนดค่าโดยระบุ `confirmations` ที่กำหนดเองได้

```tsx
import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
          confirmations: 100,
        });
      }}
    >
      Add recent transaction
    </button>
  );
};
```
